<template>
  <div>
        <el-row>
            <el-col :span="1">
            <div>
                <span class="el-icon-s-unfold" style="font-size: 20px;padding:14px 0px;" @click="changeFlod"></span>
            </div>
            </el-col>
            <el-col :span="21"><div style="width:300px;height:40px;"></div></el-col>
            <el-col :span="2">
            <div>
                <el-dropdown>
                <span class="el-dropdown-link" style="margin-top:10px;">
                    admin<i class="el-icon-arrow-down el-icon--right"></i>
                </span>
                <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item>首页</el-dropdown-item>
                    <el-dropdown-item>注销</el-dropdown-item>
                </el-dropdown-menu>
                </el-dropdown>
            </div>
            </el-col>
        </el-row>
  </div>
</template>

<script>
/*
顶部公共条
*/
import { mapActions, mapGetters } from 'vuex'
export default {
    components: {},
    data() {
       return {};
    },
    methods: {
        ...mapActions({'changeFlod':"changeFoldFlag"}),
    },
    created() {

    }
};
</script>

<style scoped>
  .el-dropdown {
    display: inline-block;
    position: relative;
    color: #606266;
    font-size: 14px;
    margin-top: 12px;
  }
</style>